<%-- 
    Document   : actualites
    Created on : 3 déc. 2013, 16:35:38
    Author     : hp
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<!DOCTYPE html>
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!-->
<html lang="en">
<!--<![endif]-->


<head>

<!-- Basic Page Needs
  ================================================== -->
<meta charset="utf-8">
<title>PA-Learning:Actualités</title>
<meta name="description" content="">
<meta name="author" content="matrane bouzar">
<!-- Mobile Specific Metas
  ================================================== -->
<meta name="viewport"
	content="width=device-width, initial-scale=1, maximum-scale=1">
<!-- CSS
  ================================================== -->
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/Vues/css/bootstrap.min.css"
	media="screen">
<!-- jquery ui css -->
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/Vues/css/jquery-ui-1.10.1.min.css">
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/Vues/css/customize.css">
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/Vues/css/font-awesome.css">
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/Vues/css/style.css">
<!-- flexslider css-->
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/Vues/css/flexslider.css">
<!-- fancybox -->
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/Vues/js/fancybox/jquery.fancybox.css">

<!-- Favicons
        ================================================== -->
<link rel="shortcut icon"
	href="${pageContext.request.contextPath}/Vues/img/icons/basic/favicon.png">
 
<link rel="apple-touch-icon"
	href="${pageContext.request.contextPath}/Vues/images/apple-touch-icon.html">
<link rel="apple-touch-icon" sizes="72x72"
	href="${pageContext.request.contextPath}/Vues/images/apple-touch-icon-72x72.html">
<link rel="apple-touch-icon" sizes="114x114"
	href="${pageContext.request.contextPath}/Vues/images/apple-touch-icon-114x114.html">
</head>

<body onload="document.getElementById('myform').click();">

	<div id="mainContainer" class="clearfix">

		<!--begain header-->
		<header>
			<div class="upperHeader">
				<div class="container">
					<ul class="pull-right inline">
						<li><a href=""><img
								src="${pageContext.request.contextPath}/Vues/img/reseausosc/facebook_32.png" /></a></li>
						<li><a href="#"><img
								src="${pageContext.request.contextPath}/Vues/img/reseausosc/google_32.png" /></a></li>
						<li><a href="http://twitter.com/amaranthe"><img
								src="img/reseausosc/twitter_32.png" /></a></li>
						<li><a href="#"><img
								src="${pageContext.request.contextPath}/Vues/img/reseausosc/youtube_32.png" /></a></li>
					</ul>
					<% if (session.getAttribute("connecte") ==null  ){%>
                        <p>
                            Bienvenu au PA-Learning<a href="loginLerner">Connexion</a> ou <a href="register">Creer un nouveaux Compte</a>
                        </p> 
                        <%} %>
                         	<% if (session.getAttribute("connecte") != null ){%>
                        <p>
                            Bienvenu au PA-Learning<a href="deconnecter">D&eacute;connexion</a>
                        </p>
                       <%} %>
				</div>
				<!--end container-->
			</div>
			<!--end upperHeader-->

			<div class="middleHeader">
				<div class="container">

					<div class="middleContainer clearfix">
                            <div class=" ">
							<h1>
							<img alt="" src="${pageContext.request.contextPath}/Vues/img/icons/basic/logo.png"></a>
							</h1>
						</div>
						<div class="siteLogo pull-left">
							<h1>
								<a href="index.jsp">PA-LEarning</a>
							</h1>
						</div>

						<div class="pull-right">
							<form method="get" action="" class="siteSearch">
								<div class="input-append">
									<input type="text" class="span2" id="appendedInputButton"
										placeholder="Search...">
									<button class="btn btn-primary" type="submit" name="">
										<i class="icon-search"></i>
									</button>
								</div>
							</form>
						</div>

						<div class="pull-right">

							<div class="btn-group">
								<a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
									FR <span class="caret"></span>
								</a>
								<ul class="dropdown-menu language">
									<li><a href="#">EN</a></li>


								</ul>
							</div>

							<!--end pull-right-->

						</div>
						<!--end middleCoontainer-->

					</div>
					<!--end container-->
				</div>
				<!--end middleHeader-->

				<div class="mainNav">
					<div class="container">
						<div class="navbar">

							<ul class="nav">
							<li class="active"><a href="index.jsp"><i
									class="icon-home"></i></a></li>
							<li><a href="front">A propos<i class="icon-caret-down"></i></a>
								<div>
									<ul>
										<li><a href="profileformateurs"> <span>-</span>Nos
												Formateurs<i class="icon-caret-right"></i></a>
											<div>
												<ul>
													<li><a href="loginprof"> <span>-</span>Connectez
															Vous
													</a></li>

												</ul>
											</div></li>
										<li><a href="loginresponsable.jsp"> <span>-</span>
												Responsable de qualité<i class="icon-caret-right"></i></a>
											<div>
												<ul>
													<li><a href="loginresponsable"> <span>-</span>Connectez
															Vous
													</a></li>

												</ul>
											</div></li>

									</ul>
								</div></li>
							<li><a href="themeFront">Cours<i class="icon-caret-down"></i></a>
								<div>
									<ul>
										<s:iterator value="th">
											<li><a href="themeFront1?pk=<s:property value="Thid"/>">
													<s:property value="Hoti" /><i class="icon-caret-right"></i>
											</a>
												<div>
													<ul>
														<s:iterator value="module">
															<li><a
																href="modulFront1?pk=<s:property value="Moid"/>"> <s:property
																		value="Homo" />
															</a></li>
														</s:iterator>
													</ul>
												</div></li>
										</s:iterator>


									</ul>
								</div></li>
							<s:set name="session" value="session['connecte']"></s:set>
							<s:if test="%{#session ==null}">
								<li><a href="loginLerner">Examen</a></li>
							</s:if>
							<s:if test="%{#session =='true'}">
								<li><a href="examthemefront">Examen</a></li>
							</s:if>

							<li><a href="entreprise.jsp">Entreprise</a></li>
							<li><a href="#">Forum</a></li>
							<li><a href="contact.html">Contactez-nous<i
									class="icon-caret-down"></i></a>
								<div></div></li>
							<li><a href="#">Messagerie</a></li>


						</ul>
					</div>
					<!--end container-->
				</div>
				<!--end mainNav-->
		</header>
		<!-- end header -->
		<div class="container">

			<div class="row">
         <a href="#<s:property value="actualite.Logi"/>" id="myform"></a>
				<div class="span9">
					<s:iterator value="ac">
						<article class="blog-article" id="<s:property value="Logi"/>">
							<div class="row">
								<div class="span4">
									<div class="blog-img">
										<s:set name="picture" value="Picture"></s:set>
										<s:if test="%{#picture != null}">
											<div style="width: 72px; height: 72px;">
												<img src='<s:property value="Picture"/>'
											alt="Blog image">
											</div>
										</s:if>
										<s:if test="%{#picture == null}">
											
											<div style="width: 72px; height: 72px;">
												<img src='/PA-Learning/Vues/img/92x92.jpg'
											alt="Blog image1">
											</div>
										</s:if>
									</div>
									<!--end blog-img-->
								</div>
								<!--end span4-->

								<div class="span5">
									<div class="blog-content">
										<div class="blog-content-title">
											<h2>
												<a href="#" class="invarseColor"><s:property
														value="title" /></a>
											</h2>
										</div>
										<div class="clearfix">
											<ul class="unstyled blog-content-date">

												<li class="pull-left"><i class="icon-calendar"></i> <s:property
														value="date" /></li>

											</ul>
										</div>
										<div class="blog-content-entry">
											<p>
												<s:property value="description" />
											</p>

										</div>
									</div>
									<!--end blog-content-->
								</div>
								<!--end span5-->
							</div>
							<!--end row-->
						</article>
						<!--end article-->
					</s:iterator>




				</div>
				<!--end span9-->


				<aside class="span3">
					<div class="span3">
						<div class="titleHeader clearfix">
							<h3>Telecharger notre application</h3>
						</div>
						<!--end titleHeader-->
						<ul class="unstyled my-account">

							<li><img
								src="${pageContext.request.contextPath}/Vues/img/android.jpg" /></li>
							<li><img
								src="${pageContext.request.contextPath}/Vues/img/iphone.png" /></li>
						</ul>
					</div>
					<!--end span3-->


				</aside>
				<!--end span3-->

			</div>
			<!--end row-->

		</div>
		<!--end conatiner-->


		<!--begain footer-->
		<footer>
			<div class="footerOuter">
				<div class="container">
					<div class="row-fluid">

						<div class="span6">
							<div class="titleHeader clearfix">
								<h3>LIENS UTILES</h3>
							</div>


							<div class="usefullLinks">
								<div class="row-fluid">
									<div class="span6">
										<ul class="unstyled">
											<li><a class="invarseColor" href="#"><i
													class="icon-caret-right"></i> A propos</a></li>
											<li><a class="invarseColor" href="#"><i
													class="icon-caret-right"></i> Contactez-Nous</a></li>
											<li><a class="invarseColor" href="#"><i
													class="icon-caret-right"></i>Théme/Module</a></li>
											<li><a class="invarseColor" href="#"><i
													class="icon-caret-right"></i>Examen</a></li>
										</ul>
									</div>

									<div class="span6">
										<ul class="unstyled">
											<li><a class="invarseColor" href="#"><i
													class="icon-caret-right"></i>FAQ</a></li>
											<li><a class="invarseColor" href="#"><i
													class="icon-caret-right"></i>Entreprise</a></li>
											<li><a class="invarseColor" href="#"><i
													class="icon-caret-right"></i>Formateur</a></li>

										</ul>
									</div>
								</div>
							</div>

						</div>
						<!--end span6-->

						<div class="span3">
							<div class="titleHeader clearfix">
								<h3>Contact Info</h3>
							</div>

							<div class="contactInfo">
								<ul class="unstyled">
									<li>
										<button class="btn btn-small">
											<i class="icon-volume-up"></i>
										</button> Tél: <a class="invarseColor" href="#">5246-4697-891</a>
									</li>
									<li>
										<button class="btn btn-small">
											<i class="icon-envelope-alt"></i>
										</button> <a class="invarseColor" href="#">PA.learning@gmail.com</a>
									</li>
									<li>
										<button class="btn btn-small">
											<i class="icon-map-marker"></i>
										</button> 22 Avenue 2mars....
									</li>
								</ul>
							</div>

						</div>
						<!--end span3-->

						<div class="span3">
							<div class="titleHeader clearfix">
								<h3>Newslatter</h3>
							</div>

							<div class="newslatter">
								<form method="get" action="http://egythemes.com/shopfine/page">
									<input class="input-block-level" type="text" name="email"
										value="" placeholder="Your Name..."> <input
										class="input-block-level" type="text" name="email" value=""
										placeholder="Your E-Mail...">
									<button class="btn btn-block" type="submit" name="">Join
										Us Now</button>
								</form>
							</div>

						</div>
						<!--end span3-->
					</div>
					<!--end row-fluid-->

				</div>
				<!--end container-->
			</div>
			<!--end footerOuter-->

			<div class="container">
				<div class="row">
					<div class="span12">

						<p>© Copyrights 2013 PA-Learning.com</p>
					</div>
				</div>
			</div>
		</footer>
		<!--end footer-->

	</div>
	<!--end mainContainer-->


	<!-- Sidebar Widget
        ================================================== -->

	<!-- End Sidebar Widget-->


	<!-- JS
        ================================================== -->
	<script src="js/jquery.min.js"></script>
	<script src="js/jquery-ui.min.js"></script>
	<!-- jQuery.Cookie -->
	<script src="js/jquery.cookie.js"></script>
	<!-- bootstrap -->
	<script src="js/bootstrap.min.js"></script>
	<!-- flexslider -->
	<script src="js/jquery.flexslider-min.js"></script>
	<!-- cycle2 -->
	<script src="js/jquery.cycle2.min.js"></script>
	<script src="js/jquery.cycle2.carousel.min.js"></script>
	<!-- tweets -->
	<script src="js/jquery.tweet.js"></script>
	<!-- fancybox -->
	<script src="js/fancybox/jquery.fancybox.js"></script>
	<!-- custom function-->
	<script src="js/custom.js"></script>

</body>



</html>